import { css } from "@emotion/react";
import { useAppToken } from "theme";

export const useStyle = () => {
  const { token } = useAppToken();

  return {
    baseView: css`
      display: flex;
      padding-top: 12px;
      /* font-size: calc(10px + 2vmin); */

      .ant-form-item {
        margin-bottom: 6px;
      }

      .left {
        min-width: 324px;
        max-width: 548px;
        .title {
          margin-bottom: 12px;
          font-weight: 500;
          font-size: 20px;
          line-height: 28px;
        }
      }
      .right {
        flex: 1;
        padding-left: 104px;
        .avatar_title {
          height: 22px;
          margin-bottom: 8px;
          line-height: 22px;
        }
        .avatar {
          width: 144px;
          height: 144px;
          margin-bottom: 12px;
          overflow: hidden;
          img {
            width: 100%;
          }
        }
        .button_view {
          width: 144px;
          text-align: center;
        }
      }
    `,
  };
};
